<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <ui:composition template="view/templates/layout.xhtml">
        <ui:define name="title">Index</ui:define>
        <ui:define name="menu">
            <ui:include src="/view/templates/smp-menu.xhtml"/>
        </ui:define>
        <ui:define name="body">
            <p:growl id="growl" globalOnly="true" showSummary="true" showDetail="true" autoUpdate="true" />  
            <div class="row">
                <div class="col-md-4">
                    <h:form id="formLogin" prependId="false">
                        <div class="panel panel-primary">
                            <div class="panel-heading">#{msg.index_iniciar}</div>
                            <div class="panel-body">
                                <p:inputText id="nick" value="#{LoginController.usuarioCreate.nick}" required="true"
                                             requiredMessage="#{msg.vld_campoNecesario}"
                                             placeholder="#{msg.obj_usuarioNick}" style="margin-bottom: 10px;" styleClass="form-control"/>
                                <p:message for="nick"/>
                                <p:password id="pass" value="#{LoginController.usuarioCreate.pass}" required="true" 
                                            requiredMessage="#{msg.vld_campoNecesario}"
                                            placeholder="#{msg.obj_usuarioPass}" style="margin-bottom: 10px;margin-top: 5px;" styleClass="form-control"/>
                                <p:message for="pass"/>
                            </div>
                            <div class="panel-footer">
                                <center>
                                    <p:commandButton value="#{msg.grn_botonAceptar}" update=":formLogin" 
                                                     actionListener="#{LoginController.executeIniciarSesion}" styleClass="ui-button-custome" />
                                    <p:commandButton value="#{msg.grn_botonLimpiar}" styleClass="ui-button-custome" 
                                                     actionListener="#{LoginController.limpiarObjects}">
                                        <p:ajax update=":formLogin " resetValues="true" />  
                                    </p:commandButton>
                                </center>
                            </div>
                        </div>
                    </h:form>
                    <a class="twitter-timeline" href="https://twitter.com/ehealthLC" data-widget-id="461750637596659712">Tweets por @ehealthLC</a>
                    <script>!function(d, s, id) {
                            var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https';
                            if (!d.getElementById(id)) {
                                js = d.createElement(s);
                                js.id = id;
                                js.src = p + "://platform.twitter.com/widgets.js";
                                fjs.parentNode.insertBefore(js, fjs);
                            }
                        }(document, "script", "twitter-wjs");
                    </script>
                </div> 
                <div class=" col-md-8"> 
                    <div class="panel panel-primary">
                        <div class="panel-heading" align="center" style="font-size: medium">
                            <p:outputLabel value="#{msg.index_bienvenido}"></p:outputLabel>
                        </div>
                        <div class="panel-body" align="justify" style="font-size: medium">#{msg.index_contenido}
                            <br/>
                            <div class="col-md-6" align="center">
                                <h:graphicImage library="images" name="sensor.png" width="200"/></div>
                            <div class="col-md-6" align="center">
                                <h:graphicImage library="images" name="movil.png" width="150" /></div>
                        </div>
                    </div>
                    <div class="panel panel-primary">
                        <div class="panel-heading">Health LC</div>
                        <div class="panel-body">
                            <div class="row" align="center">
                                <h:graphicImage library="images" name="link1.png"/>
                                <div class="col-md-6" align="justify">#{msg.index_noticiaUno}
                                    <a href="www.nlm.nih.gov/medlineplus/spanish/healthnews.html‎">#{msg.index_sitio}</a>
                                </div>
                            </div>
                            <br/>
                            <br/>
                            <div class="row" align="center">
                                <h:graphicImage  library="images" name="link2.png"/>
                                <div class="col-md-6" align="justify">#{msg.index_noticiaDos}
                                    <a href="http://www.skillstat.com/tools/ecg-simulator#/-home">#{msg.index_sitio}</a>
                                </div>
                            </div>
                            <br/>
                            <br/>
                            <div class="row" align="center">
                                <h:graphicImage library="images" name="link3.png"/>
                                <div class="col-md-6" align="justify">#{msg.index_noticiaTres}"
                                    <a href="http://www.diariosalud.net/">#{msg.index_sitio}</a>
                                </div>
                            </div>
                            <br/>
                            <br/>
                            <div class="row" align="center">
                                <h:graphicImage library="images" name="link4.png"/>
                                <div class="col-md-6" align="justify">#{msg.index_noticiaCuatro}
                                    <a href="http://www.revespcardiol.org/es/arritmias-enfermedades-del-corazon-derecho/articulo/13154087/">#{msg.index_sitio}</a>
                                </div>
                            </div>
                            <br/>

                        </div>
                    </div>
                </div>
            </div>
        </ui:define>
    </ui:composition>
</html>

